$(function() {
    // 点击按钮,切换登录和注册的显示和隐藏
    $("#link_reg").on('click', function() {
        $(".login-box").hide();
        $(".reg-box").show();
    });
    $("#link_login").on('click', function() {
        $(".login-box").show();
        $(".reg-box").hide();
    });

    // 自定义校验规则
    layui.form.verify({
        // \s 空格  \S非空格
        pwd: [
            /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],
        // 验证两次密码输入一致不
        repwd: function(value) {
            // 获取reg-box 下的 name为password的value值
            var res = $('.reg-box [name=password]').val();
            // 这个value是输入的值
            if (res != value) {
                return '密码不一致';
            }
        }
    });

    // 监听注册的提交事件
    $("#form_reg").submit(function(e) {
        e.preventDefault();
        $.post('/api/reguser', {
            username: $('.reg-box [name=username]').val(),
            password: $('.reg-box [name=password]').val()
        }, function(res) {
            if (res.atatus != 0) {
                return layer.msg(res.message);
            }
            layer.msg('注册成功,请登录');
            $('#link_login')[0].click();
        });
    });

    // 监听登录的提交事件
    $("#form_login").on('submit', function(e) {
        // 阻止默认提交事件
        e.preventDefault();
        $.post('/api/login',
            // 自动收集表单里的数据
            $(this).serialize(),
            function(res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                layer.msg('登录成功');
                // 把凭证存到本地存储
                localStorage.setItem('token', res.token);
                // 跳转到后台页面
                location.href = '/index.html';
            })
    })
});